<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Link文字链接</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/theme-chalk/index.min.css" rel="stylesheet">
</head>
<body>
<div id="app">
    <el-link href="https://www.baidu.com" target="_blank">默认链接</el-link>
    <el-link type="primary">主要链接</el-link>
    <el-link type="success">成功链接</el-link>
    <el-link type="warning">警告链接</el-link>
    <el-link type="danger">危险链接</el-link>
    <el-link type="info" :underline="false">信息链接 无下划线</el-link>

    <el-link href="https://www.baidu.com" target="_blank" disabled>禁用链接</el-link>
    <el-link type="primary" disabled>禁用主要链接</el-link>
    <hr>
    <h2>带图标链接</h2>
    <el-link icon="el-icon-edit">编辑</el-link>
    <el-link>查看<i class="el-icon-view el-icon--right"></i></el-link>
</div>

<!--<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>-->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.14.1/index.min.js"></script>
<script>
    const vm = new Vue({
        el: '#app',
        data() {
            return {

            }
        }
    })
</script>
</body>
</html>